<!--
 * @Author: zhayang
 * @LastEditors: zhayang 1063975710@qq.com
 * @Date: 2024-06-15 23:46:18
 * @LastEditTime: 2024-06-16 00:05:02
 * @Description: td
-->
<template>
  <div class="c-td">
    <div class="adjust-height">
      <slot>
        {{ text }}
      </slot>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    // 具体的文本内容
    text: {
      type: [String, Number],
      default: ''
    }
  }
}
</script>
<style lang="scss" scoped>
.c-td {
  width: 100%;
  overflow: hidden;
  background: transparent;
  .adjust-height {
    width: 100%;
    min-height: 24px;
    max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: pre-wrap;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
  }
}
</style>
